

  <div class="modal-bg" appDebounceClick (debounceClick)="dismissClick()">
      <div class="auto-height bottom-modal"
          appDebounceClick (debounceClick)="onCancelClick($event)" >
          <img appDebounceClick (debounceClick)="dismissClick()" class="close" src="../assets/icon/nav_icon_close@3x.png" alt="">
          <div class="header" [ngClass]="{'left-title': data.canChooseSecond}">
            {{data.label}}
          </div>
          <!-- 产品分类  -->
          <div class="multiple-select-bg-3" [ngStyle]="data.cssStyle | styleFilter" *ngIf="data.formType === 'modalMultipleSelect3_Auto'">

            <div class="multiple-select-left">
              <div class="item-left" [ngClass]="{'item-left-open': it.open}" *ngFor="let it of data.children; "
                appDebounceClick (debounceClick)="itemLeftClick(it)">
                <span class="yellow-current" *ngIf="it.open"></span>
                <span class="red-dot" *ngIf="it.hasValue"></span>
                {{it.label}}
              </div>
            </div>
            <div class="multiple-select-right">
          
              <ng-container *ngIf="data.current?.children.length > 0 && data.current?.children[0].children.length === 0; else hasChildren">
          
                <div class="row-bg">
                  <div class="tag-bg" >
                    <div *ngFor="let tag of data.current?.children ,let i = index" class="tag" [ngClass]="{'auto-tag':data.auto,'tag-checked': tag.checked ,'tag-mr075': i%2 === 0}"  appDebounceClick (debounceClick)="tagClick(tag,2)"  >{{tag.label}}
                    </div>
                  </div>
          
              </div>
              </ng-container>
              <ng-template #hasChildren>
                <ng-container *ngIf="!data.canChooseSecond" >
                  <div class="row-bg"
                  *ngFor="let it of data.current?.children, let a = index">
              
                    <div class="row" [ngClass]="{'not-first-row': a !== 0}">
                  
                      <span style="flex-grow: 1;">{{it.label}}</span>
                    </div>
                    <div class="tag-bg" id=it.value *ngIf="it.children && it.children.length >0">
                      <div class="tag"   *ngFor="let tag of it.children, let i = index" [ngClass]="{'auto-tag':data.auto,'tag-checked': tag.checked ,'tag-mr075': i%2 === 0}"  appDebounceClick (debounceClick)="tagClick(tag,3)"
                      >{{tag.label}}
                      </div>
                    </div>
            
                  </div>
                </ng-container>

                
                <!-- // 2 级可以选择 -->
                <ng-container *ngIf="data.canChooseSecond" >
                  <div class="row-bg" 
                  *ngFor="let it of data.current?.children,  let a = index">

                  <div class="row" [ngClass]="{'not-first-row': a !== 0}">
                    <i [ngClass]="{'nochecked-row': !it.checked,'checked-row': it.checked}"
                      appDebounceClick (debounceClick)="chooseSecondAll(it,data)"></i>
                    <span style="flex-grow: 1;">{{it.label}}</span>
                  </div>
                  <div class="tag-bg" id=it.value *ngIf="it.children && it.children.length >0">
                    <div class="tag auto-tag tag-mr075" [ngClass]="{'tag-checked': tag.checked}" appDebounceClick (debounceClick)="tagClick1(tag,it,data)"
                      *ngFor="let tag of it.children">{{tag.label}}</div>
                  </div>

                </div>
                </ng-container>
                
              

              </ng-template>
              
             
            </div>
            <div class="transfer"></div>
          </div>

          <!-- 品牌选择 -->
          <ng-container *ngIf="data.formType === 'switchButtonFW_3'">
            <div class="multiple-select-bg-3 ">
              <div class="switchButtonFW_item_bg"   *ngIf="data.itemList && data.itemList.length > 0">
                <ng-container *ngFor="let it of data.itemList; let a = index">
                  <div *ngIf="data.value.indexOf(data.itemList[a].value) > -1" class="switchButtonFW_item_s switchButtonFW_item"
                    appDebounceClick (debounceClick)="changeItemobjValidator(data,'switchButton',a)">
                    {{it.label}}
                 </div>
                 <div *ngIf="data.value.indexOf(data.itemList[a].value) === -1" class=" switchButtonFW_item"
                    appDebounceClick (debounceClick)="changeItemobjValidator(data,'switchButton',a)">
                    {{it.label}}
                 </div>
                </ng-container>
              </div>
              
              
              <div class="transfer"></div>
            </div>
          </ng-container>
          
       
          
          <!-- <div class="bootom"></div> -->
          <div class="footer">
            <p class="del-bg" appDebounceClick (debounceClick)="resetClick()">
              <img class="del-img" src="../assets/img/nav_icon_delete_lj@3x.png" alt="">
              <span class="del-text">重置</span>
            </p>
            <p class="sure-btn" appDebounceClick (debounceClick)="sureClick()">确定</p>
          </div>
      </div>
  </div>
